<template>
  <div class="singer-home">
    <van-nav-bar title="歌手详情" left-text="返回" left-arrow @click-left="onClickLeft" />
    <!-- 标签页 -->
    <van-tabs v-model="active">
      <van-tab title="百科">
        <SingerIntro :singerMid="mid" />
      </van-tab>
      <van-tab title="歌曲">
        <SingerSong :singerMid="mid" />
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
import SingerIntro from './components/SingerIntro.vue'
import SingerSong from './components/SingerSong.vue'
export default {
  data() {
    return {
      //标签页的当前激活页，是标签tab的默认用法
      active: 0,
      //从HomeSinger.vue中跳转过来，通过路由获取到id，也就是歌手的id
      mid: this.$route.params.mid
    }
  },
  methods: {
    onClickLeft() {
      this.$router.go(-1)
      // window.history.length > 1 ? this.$router.go(-1) : this.$router.push('/')
    }
  },
  components: {
    SingerIntro,
    SingerSong
  },
}
</script>

<style scoped></style>
